<!DOCTYPE html >
<!--
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
-->
<html>
    <head>
        <title>Monitoring Center</title>

        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link rel="stylesheet" type="text/css" href="css\stylesheet.css" /> 
    </head>
    <body>

        <!-------------------------------------------- EN-TETE ---------------------------------------------------------->

        <header>            

            <div id="logo">
                <a href ="http://localhost:8383/Site/stations.html" ><img src="images\supertec_logo.jpg"  alt="logo"  title="Supertec"/></a> 

            </div>
            <div id="title">
                <h1> Monitoring Center </h1> 
            </div>
        </header>

        <!----------------------------------------------- MENU ------------------------------------------------------------>

         <nav>
        <div id="mainNav">
            <ul id="onglets">
                <li class="active"> <a href="stations.html"> Affichage </a>
                <li> <a href="graphs.html"> Graphs </a>
                <li> <a href="articles.html"> Articles </a>    
            </ul>
        </div>

       

            <!-- emplacement main menu -->
            <ul id="first"> <li> Stations 
                    <ul id="second"> 
                        <li> <input type="checkbox" name="menuAll" value="All">All
                        <li> <input type="checkbox" name="menuOnline" value="Online">Online 
                        <li> <input type="checkbox" name="menuOffline" value="Offline">Offline 
                    </ul>

                <li> Sites 
                    <ul id="second">
                        <li> All 
                        <li> <input type=text list=sites >
                            <datalist id=sites >
                                <option> xxx <!-- Code php-->
                                <option> yyy <!-- Code php-->
                            </datalist> 
                            <input type="button" name="plus" value="+" onclick="self.location.href = 'lien.html'" >  <!-- style="background-color:#3cb371" style="color:white; font-weight:bold"onclick-->
                            <input type="button" name="minus" value="-" onclick="self.location.href = 'lien.html'" >
                    </ul>
            </ul>



        </nav>

        <!------------------------------------------- PREMIERE SECTION ------------------------------------------------->
        <section>


            <div class="gauche"> <p> Username : </p> <p> on Server_ </p> </div> <!-- Code php (récup du nom du client) -->  
            <div class="droite"> <p> Number of devices :</p> <p> onLine : </p> </div>   <!-- Code php (récup numéro du server) --> 

        </section>

        <!---------------------------------------------- TABLEAU ----------------------------------------------------------->

        <div>
            <table>
                <caption> Stations informations </caption>
                <tr> <th> Location </th> <th> Number </th> <th> Devices </th> <th> Last Connection </th> <th> Player on </th> <th> Battery level </th> <th> Power </th>
                    <!-- Code php -->
                </tr>
            </table>
        </div>

    </body>
</html>
